<!DOCTYPE>
<html>
    <head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="uf-8">
    <link href="清单.css" type="text/css" rel="stylesheet">
    <title>清单界面</title>
    </head>
    <boby>
        <div class="myself">
            <div class="head">
                <div class="todolist">
                    <div class="to">To</div>
                    <div class="list">LIST</div>
                </div>
                
                 <div class="exit"><u>退出</u></div>
                <div class="creat">
                    <input type="text"  class="border" placeholder="创建清单">
                    <img src="添加-4.png" >
                </div>
                
            </div>
            <div class="left-side">
                <div class="point">
                    <div class="inventory">myself(16)</div>
                <div class="stale">stale(12)</div>
                <div class="todo">todo(3)</div>
                <div class="done">done(1)</div>
                <div class="font">improve your efficienty</div>
                </div>
            </div>
            <div class="content">
                <input type="text"  class="add-title" placeholder="添加标题">
                <input type="text"  class="add-content" placeholder="添加内容">
                <input type="text"  class="add-remark" placeholder="添加备注">
                <input type="text"  class="build-time" placeholder="生成时间">
                <img src="横线.png" class="connect">
                <input type="text"  class="expiration-time" placeholder="到期时间">
                <button class="add">添加</button>
             <div class="all">
                  <div class="slid">
                      <div class="small-slid"></div>
                  </div>
                <div class="all-stale">
                    <img src="下拉-2.png"class="dropdown-arrow">stale(12)
                    </div>
                <div class="all-todo">
                     <img src="下拉.png"class="dropdown-arrow">todo(2)
                     <div class="todo-content">
                         <div class="item1">
                             <u>01</u>
                             <img src="勾选框-2.png" class="checkbox1">
                            标题一
                            <img src="删除-3.png" class="delete">
                            <img src="修改-2.png" class="amend">
                         </div>
                        <div class="item2">
                            <u>02</u>
                            <img src="勾选框-2.png" class="checkbox2">标题二
                        </div>
                     </div></div>
                <div class="all-done">
                     <img src="下拉.png"class="dropdown-arrow">done(1)
                     <div class="done-content"><u>01</u><img src="勾选.png" class="checkbox3">标题一</div> </div>
                
             </div>
               
            </div>
            
        </div>
      
    </boby>
</html>